<template>
    <div>
        <div class='nav'>
            <van-nav-bar title="#话题内容#" @click-left="onClickLeft">
                <van-icon name="arrow-left" slot="left" color='black' size='28px'/>
            </van-nav-bar>
        </div>
        <van-row class='van1'>
            <van-col span="1" offset="1" class='join1'><img src="https://img.yzcdn.cn/2.jpg" alt=""></van-col>
            <van-col span="5"  offset="4">
            <span>昵称</span>
            </van-col>
            <van-col span="4" offset="9" class='btn'><button>+关注</button></van-col>
        </van-row>
        <div class='shadow'></div>

        <van-row class='van1'>
            <van-col span="1" offset="1" class='join1'><img src="https://img.yzcdn.cn/2.jpg" alt=""></van-col>
            <van-col span="5"  offset="4">
            <span>昵称</span>
            </van-col>
            <van-col span="4" offset="9" class='btn'><button>+关注</button></van-col>
        </van-row>
        <div class='shadow'></div>

        <van-row class='van1'>
            <van-col span="1" offset="1" class='join1'><img src="https://img.yzcdn.cn/2.jpg" alt=""></van-col>
            <van-col span="5"  offset="4">
            <span>昵称</span>
            </van-col>
            <van-col span="4" offset="9" class='btn'><button>+关注</button></van-col>
        </van-row>
        <div class='shadow'></div>

        <van-row class='van1'>
            <van-col span="1" offset="1" class='join1'><img src="https://img.yzcdn.cn/2.jpg" alt=""></van-col>
            <van-col span="5"  offset="4">
            <span>昵称</span>
            </van-col>
            <van-col span="4" offset="9" class='btn'><button>+关注</button></van-col>
        </van-row>
        <div class='shadow'></div>

        <van-row class='van1'>
            <van-col span="1" offset="1" class='join1'><img src="https://img.yzcdn.cn/2.jpg" alt=""></van-col>
            <van-col span="5"  offset="4">
            <span>昵称</span>
            </van-col>
            <van-col span="4" offset="9" class='btn'><button>+关注</button></van-col>
        </van-row>
        <div class='shadow'></div>

        <van-row class='van1'>
            <van-col span="1" offset="1" class='join1'><img src="https://img.yzcdn.cn/2.jpg" alt=""></van-col>
            <van-col span="5"  offset="4">
            <span>昵称</span>
            </van-col>
            <van-col span="4" offset="9" class='btn'><button>+关注</button></van-col>
        </van-row>
        <div class='shadow'></div>

        <van-row class='van1'>
            <van-col span="1" offset="1" class='join1'><img src="https://img.yzcdn.cn/2.jpg" alt=""></van-col>
            <van-col span="5"  offset="4">
            <span>昵称</span>
            </van-col>
            <van-col span="4" offset="9" class='btn'><button>+关注</button></van-col>
        </van-row>
        <div class='shadow'></div>

        <van-row class='van1'>
            <van-col span="1" offset="1" class='join1'><img src="https://img.yzcdn.cn/2.jpg" alt=""></van-col>
            <van-col span="5"  offset="4">
            <span>昵称</span>
            </van-col>
            <van-col span="4" offset="9" class='btn'><button>+关注</button></van-col>
        </van-row>
        <div class='shadow'></div>

        <van-row class='van1'>
            <van-col span="1" offset="1" class='join1'><img src="https://img.yzcdn.cn/2.jpg" alt=""></van-col>
            <van-col span="5"  offset="4">
            <span>昵称</span>
            </van-col>
            <van-col span="4" offset="9" class='btn'><button>+关注</button></van-col>
        </van-row>
        <div class='shadow'></div>

        <van-row class='van1'>
            <van-col span="1" offset="1" class='join1'><img src="https://img.yzcdn.cn/2.jpg" alt=""></van-col>
            <van-col span="5"  offset="4">
            <span>昵称</span>
            </van-col>
            <van-col span="4" offset="9" class='btn'><button>+关注</button></van-col>
        </van-row>
        <div class='shadow'></div>
    </div>
</template>

<script>
export default {
    name:'Content',
    data () {
        return {
          
        }
    },
    mounted () {
        
    },
    methods: {
        onClickLeft(){
            this.$router.go(-1)
        }
    }
}
</script>

<style scoped>
.nav{
     border-bottom:1px solid #ccc;
}
.join1 img{
    width: 50px;
    height: 50px;
    border-radius: 25px;
}
.van1{
    margin-top: 20px;
}
.van1 span{
    font-size: 16px;
    line-height: 54px;
}
.btn{
    margin-top: 10px
}
.shadow{
    width: 355px;
    height: 1px;
    background: silver;
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}
</style>